<template>
  <div :class="qh?'box':''">
<button type="menu" @click="handhuan">
  {{qh?'亮':'暗'}}
</button>
<router-view></router-view>
  </div>
  
</template>
<script setup lang="ts">
import { ref } from 'vue'
const qh=ref(false)
const handhuan=()=>{
  qh.value=!qh.value
}
</script>
<style scoped>
.box{
  width: 100%;
  height: 150vh;
  background: #000;
  color: #fff;
   --el-bg-color: #000;
   --el-menu-bg-color: #000;
   --el-menu-text-color:#fff;
}
</style>